// import React from 'react';
import { Outlet,Link,NavLink } from "react-router-dom";
import { routerlist } from "../../router/index";
import React, { useState } from 'react';
import { Sidebar, Toast } from 'react-vant';
function Home() {
    return (
        <div>
           {/* <div className='gelist'>
            <h2>小说榜</h2>
            <ul>
                {routerlist&&routerlist.map((item,index)=>{
                    return <li key={index}><NavLink to={item.path}>{item.title}</NavLink></li>
                })}
            </ul>
           </div>
           <div className='geright'></div> */}
           <Sidebar>
            {routerlist&&routerlist.map((item,index)=>{
                    return <Sidebar.Item title={<NavLink to={item.path}>{item.title}</NavLink>}><Outlet /></Sidebar.Item>
                })}
      
    </Sidebar>
        </div>
    );
}

export default Home;